$(function () {
    //点击添加选项，弹出提示信息
    $(".tianjia").click(function () {
        layer.open({
            type: 1,
            area: ['500px'],
            fix: false, //不固定
            maxmin: true,
            shade:0.4,
            title: '你有一个提示信息',
            content: '请添加问题的选项,并标注正确答案'
        });
    });

    //点击问题类别的单选按钮
    $(".checkCategory").click(function () {
        //获得当前选中的Id
        var questionId=$(this).parent().prev().find(".hidden-id").val();
        var categoryId=$(this).val();
        if(questionId==""){
            alert("你还没选择问题类型");
        }else{
            $(".type").val(questionId);
            $(".category").val(categoryId);
            if(categoryId=="1"){
                if($(".singleSelect").css("display")=="none"){
                    $(".singleSelect").css("display","block");
                    $(".judgeSelect").css("display","none");
                    $(".multipleChoice").css("display","none");
                }
            }
             if(categoryId=="3"){
                $(".singleSelect").css("display","none");
                $(".judgeSelect").css("display","none");
                $(".multipleChoice").css("display","block");
            }
            if(categoryId=="4") {
                $(".singleSelect").css("display","none");
                $(".judgeSelect").css("display","block");
                $(".multipleChoice").css("display","none");
            }
        }
    });

    //文本框输入题目，鼠标离开，文本框不可编辑
    $(".subject").blur(function () {
        $(this).prop("disabled",true);
    });

    //点击文本框右侧修改图标，文本框题目可以编辑
    $(".update").click(function () {
        $(".subject").prop("disabled",false);
    });

    //文本框输入选项，鼠标离开，文本框不可编辑
    $(".answer").blur(function () {
        $(this).prop("disabled",true);
    });

    //点击文本框右侧修改图标，文本框选项可以编辑
    $(".updateAnswer").click(function () {
        $(".answer").prop("disabled",false);
    });

    var index=0;
    //单选题,选择继续添加,添加更多选项
    $(".addSingleAnswer").click(function() {
        index++;
        var pVid=$(this).parent().parent().parent();
        var div=$("<br><br><div></div>");
        div.css("margin-top",20);
        //添加选项输入框
        var span=$("<span></span>");
        div.append(span);
        span.html("选项:");
        div.append(span);
        var textarea=$("<textarea class='answer"+index+"' name='answer'></textarea>");
        textarea.css("width",400);
        textarea.css("height",20);
        textarea.attr("placeholder","请添加题目选项");
        span.append(textarea);
        var a0=$("<a href='javascript:void(0);' class='updateAnswer"+index+"'></a>");
        var img=$("<img src='/manage/images/picture/update.png'>");
        a0.append(img);
        span.append(a0);
        var a0=$("<a href='javascript:void(0);' class='deleteAnswer"+index+"'></a>");
        var img=$("<img src='/manage/images/picture/delete.png'>");
        span.append(a0);
        a0.append(img);
        //添加输入框下方提示
        var span1=$("<br><br><span></span>");
        span1.html("此选项标记为正确答案:");
        var input=$("<input type='radio' class='checked"+index+"'>");
        input.attr("name","singleRadio");
        span1.append(input);
        div.insertAfter(pVid);
        span1.insertAfter(span);
        // $("#sc"+i).click(shanchu);
        $(".updateAnswer"+index).click(updateAnswer);
        $(".deleteAnswer"+index).click(deleteAnswer);
        $(".answer"+index).blur(answer);
        $("body").on("click",".checked"+index,select);
    });


    //多选题,选择继续添加，添加更多选项
    $(".addMultipleAnswer").click(function () {
        index++;
        var pMid=$(this).parent().parent().parent();
        var dMiv=$("<br><br><div></div>");
        dMiv.css("margin-top",20);
        //添加选项输入框
        var sMpan=$("<span></span>");
        dMiv.append(sMpan);
        sMpan.html("选项:");
        dMiv.append(sMpan);
        var tMextarea=$("<textarea class='answer"+index+"' name='answer'></textarea>");
        tMextarea.css("width",400);
        tMextarea.css("height",20);
        tMextarea.attr("placeholder","请添加题目选项");
        sMpan.append(tMextarea);
        var aM=$("<a href='javascript:void(0);' class='updateAnswer"+index+"'></a>");
        sMpan.append(aM);
        var iMmg=$("<img/>");
        iMmg.attr("src","/manage/images/picture/update.png");
        aM.append(iMmg);
        var aM=$("<a href='javascript:void(0);' class='deleteAnswer"+index+"'></a>");
        sMpan.append(aM);
        var iMmg=$("<img/>");
        iMmg.attr("src","/manage/images/picture/delete.png");
        aM.append(iMmg);
        //添加输入框下方提示
        var sMpan1=$("<br><br><span></span>");
        sMpan1.html("此选项标记为正确答案:");
        var iMnput=$("<input type='checkbox' class='checked"+index+"'>");
        sMpan1.append(iMnput);
        dMiv.insertAfter(pMid);
        sMpan1.insertAfter(sMpan);
        $(".updateAnswer"+index).click(updateAnswer);
        $(".deleteAnswer"+index).click(deleteAnswer);
        $(".answer"+index).blur(answer);
        $("body").on("click",".checked"+index,select);
    });

    //修改选项
    function updateAnswer(){
        $(this).prev().prop("disabled",false);
    }

    //鼠标离开不能编辑
    function answer(){
        $(this).prop("disabled",true);
    }

    //删除选项
    function deleteAnswer() {
        $(this).parent().parent().remove();
    }

    //点击选中
    function select(){
       var sure=$(this).prop("checked");
       if(sure==true){
           $(this).parent().parent().find("textarea").attr("name","trueAnswer");
       }
    }
    //判断选中的按钮或者复选框,让它前面的name值改变
    $(".checked").click(function () {
        var sure1=$(this).prop("checked");
        if(sure1==true){
            $(this).parent().parent().find(".answer").attr("name","trueAnswer");
        }
    });

    //问题解析,输入完，鼠标离开输入框,输入框不可编辑
    $(".explain").blur(function () {
        $(this).prop("disabled",true);
    });

    //点击问题解析旁边的修改图标，问题解析的输入框可以编辑
    $(".updateExplain").click(function () {
        $(this).prev().prop("disabled",false);
    });

    //判断题目不为空，题目解析不为
    //题目选项最少有两项，其中有一个为正确选项
    $(".tijiao").click(function () {
        var subject=$(this).parent().parent().find(".subject").val();
        var explain=$(this).parent().parent().find(".explain").val();
        var answer=new Array();
        var listFlase=$(this).parent().parent().find("textarea[name=answer]");
        listFlase.each(function () {
            answer.push($(this).val());
        });
        answer=answer.toString();
        var trueAnswer=new Array();
        var listTrue=$(this).parent().parent().find("textarea[name=trueAnswer]");
        listTrue.each(function () {
            trueAnswer.push($(this).val());
        });
        trueAnswer=trueAnswer.toString();
        var questionTypeId=$(".type").val();
        var categoryId=$(".category").val();
        if(subject!=null&&explain!=null&&trueAnswer.length>=1&&(trueAnswer.length+answer.length)>=1){
            var data={subject:subject,explain:explain,answer:answer,trueAnswer:trueAnswer,questionTypeId:questionTypeId,categoryId:categoryId}
            $.ajax({
               url:"/manage/question/add-question",
               data:data,
               type:"post",
               async:false,
               success:function () {
                    alert("添加成功!");
               }
           });
        }else{
            alert("你还有未添加的内容");
            return false;
        }
    });
});